<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            *{
                padding: 0;
                margin: 0;
            }
            table, tr, td, th{
                border: 2px solid black;
            }
            td, th{
                padding: 20px;
            }
            table{
                /*边框之间的距离*/
                border-spacing: 10px;
                /*隐藏空的单元格*/
                empty-cells: hide;
                /*
                标题位置：top上边，bottom下边
                */
                caption-side: bottom;

                /*边框折叠*/
                border-collapse: collapse;
            }
        </style>
    </head>
    <body>

    <table>
        <caption>统计表</caption>
        <tr>
            <th>第一列</th>
            <th>第二列</th>
            <th>第三列</th>
            <th>第四列</th>
        </tr>
        <tr>
            <td>单元格1</td>
            <td>单元格2</td>
            <td>单元格3</td>
            <td>单元格4</td>
        </tr>
        <tr>
            <td>单元格1</td>
            <td>单元格2</td>
            <td>单元格3</td>
            <td>单元格4</td>
        </tr>
        <tr>
            <td>单元格1</td>
            <td>单元格2</td>
            <td>单元格3</td>
            <td>单元格4</td>
        </tr>
    </table>

    </body>
</html>